<!doctype html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>静态 jQuery Demo</title>
  <link rel="stylesheet" href="../../css/index.css">
  <link rel="stylesheet" href="./inquiryList.css">
</head>

<body>
  <div class="dm-inquiry-list-content">
    <!-- 面包屑 -->
    <div class="breadcrumb-link">
      <li class="breadcrumb-item" style="display: inline-block">
        <a href="/index.html" class="inactive">Home</a>
      </li>
      <span class="dm-border-line"></span>
      <li class="breadcrumb-item" style="display: inline-block">
        <a href="/faq.html" class="active">Inquiry</a>
      </li>
    </div>
    <!-- 左右内容区域 -->
    <div class="dm-inquiry-content">

      <!-- 左侧内容区域 -->
      <div class="dm-inquiry-left-content">
        <div class="inquiry-title">Inquiry List</div>

        <div id="inquiry-list-content-info">

        </div>


      </div>
      <!-- 右侧表单内容区域 -->
      <div class="dm-inquiry-right-content">
        <div class="dm-inquiry-right-title">
          Get A Quote
        </div>
        <div class="dm-from-content">
          <form action="" method="post" enctype="multipart/form-data">
            <div class="form-content">
              <div class="form-item">
                <span class="form-item-label">Your Name<span style="color: #ff5858">*</span></span>
                <input type="text" name="name" id="name" />
                <div class="error-message" id="nameError">Please enter your name</div>
              </div>

              <div class="form-item">
                <span class="form-item-label">
                  Email<span style="color: #ff5858">*</span></span>
                <input type="text" name="email" id="email" />
                <div class="error-message" id="emailError"></div>
              </div>

              <div class="form-item">
                <span class="form-item-label">Mobild number<span style="color: #ff5858">*</span></span>
                <input type="text" name="phone" id="phone" />
                <div class="error-message" id="emailError">Please enter your Phone</div>
              </div>

              <div class="form-item">
                <span class="form-item-label">Retailer<span style="color: #ff5858">*</span></span>
                <div class="select-dropdown">
                  <p></p>
                  <input type="hidden" name="retailer " id="retailer" />
                  <div class="error-message" id="emailError"></div>
                  <svg class="select-arrows" width="16" height="7" viewBox="0 0 16 7" fill="none"
                    xmlns="http://www.w3.org/2000/svg">
                    <path d="M1 0.999272L8 5.70898L15 0.999272" stroke="#868686" stroke-width="2" stroke-linecap="round"
                      stroke-linejoin="round" />
                  </svg>
                  <ul id="retailerList">

                  </ul>
                </div>
              </div>

              <div class="form-item not-verify">
                <span class="form-item-label">Company Name</span>
                <input type="text" name="companyName" id="companyName" />
              </div>

              <div class="form-item">
                <span class="form-item-label">Country<span style="color: #ff5858">*</span></span>
                <div class="select-dropdown">
                  <p></p>
                  <input type="hidden" name="country" id="country" />
                  <div class="error-message" id="emailError"></div>
                  <svg class="select-arrows" width="16" height="7" viewBox="0 0 16 7" fill="none"
                    xmlns="http://www.w3.org/2000/svg">
                    <path d="M1 0.999272L8 5.70898L15 0.999272" stroke="#868686" stroke-width="2" stroke-linecap="round"
                      stroke-linejoin="round" />
                  </svg>
                  <ul id="countryList">

                  </ul>
                </div>
              </div>

              <div class="form-item not-verify">
                <span class="form-item-label">Attach Drawing:</span>
                <div class="file-border-content">
                  <input type="file" id="uploadInput" multiple style="display:none">
                  <div class="file-body-content">
                    <div class="upload-tips">Drop files here or</div>
                    <button class="btn-import" type="button" id="handleUploadFile">
                      <svg width="19" height="15" viewBox="0 0 19 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path
                          d="M10 7.9625V13.0625H14.5C16.5 12.8625 18 11.1625 18 9.0625C18 6.8625 16.2 5.0625 14 5.0625H13.9C13.4 2.7625 11.4 1.0625 9 1.0625C6.2 1.0625 4 3.2625 4 6.0625C2.3 6.2625 1 7.7625 1 9.5625C1 11.4625 2.6 13.0625 4.5 13.0625H9V7.9625L6.7 10.2625L6 9.5625L9.5 6.0625L13 9.5625L12.3 10.2625L10 7.9625ZM10 13.0625V14.0625H9V13.0625H7.5V14.0625H4.5C2 14.0625 0 12.0625 0 9.5625C0 7.5625 1.3 5.8625 3 5.2625C3.4 2.3625 5.9 0.0625 9 0.0625C11.6 0.0625 13.9 1.7625 14.7 4.0625C17.1 4.3625 19 6.4625 19 9.0625C19 11.6625 17 13.7625 14.5 14.0625H11.5V13.0625H10Z"
                          fill="white" />
                      </svg>
                      <span class="upload-text">Upload your File</span>
                    </button>
                  </div>
                  <div class="file-content">

                  </div>

                </div>

              </div>

              <div class="file-tips pc-img-spic">
                <div class="tips-one">
                  <p>
                    Accepted file types: PDF, png, jpg, jpeg.
                  </p>
                  <p>
                    Upload multiple files at once; each file must
                  </p>
                  <p>
                    be under 2MB.
                  </p>
                </div>
                <div class="tips-one special-text">

                  <svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <circle cx="5" cy="5" r="4" stroke="#3C3C3C" />
                  </svg>
                  <div>
                    <p>
                      I would like to join the mailing list to receive
                    </p>
                    <p>
                      updates from Stanford Diamonds.
                    </p>
                  </div>
                </div>
                <div class="tips-one special-text">
                  <span style="color: #ff5858">*</span>
                  <div>
                    <p>E-mail address with your company's domain</p>
                    <p>name is preferred. Otherwise, we may not be</p>
                    <p>able to process your inquiry.</p>
                  </div>
                </div>
              </div>
              <div class="file-tips move-img-spic">
                <div class="tips-one">
                  <p>
                    Accepted file types: PDF, png, jpg, jpeg. Upload multiple
                  </p>
                  <p>
                    files at once; each file must be under 2MB.
                  </p>

                </div>
                <div class="form-item">
                  <div class="g-recaptcha" data-sitekey="6Ld2Y7AqAAAAAJSkpkIMDDM0bv0p6ypbtejaO_hc"></div>
                </div>

                <div class="tips-one special-text">

                  <svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <circle cx="5" cy="5" r="4" stroke="#3C3C3C" />
                  </svg>
                  <div>
                    <p>
                      I would like to join the mailing list to receive
                    </p>
                    <p>
                      updates from Stanford Diamonds.
                    </p>
                  </div>
                </div>
                <div class="tips-one special-text">
                  <span style="color: #ff5858">*</span>
                  <div>
                    <p>E-mail address with your company's domain</p>
                    <p>name is preferred. Otherwise, we may not be</p>
                    <p>able to process your inquiry.</p>
                  </div>
                </div>
              </div>


            </div>
            <div>
              <button id="handleSendBtn" class="dm-footer-form" type="button">Submit</button>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>

  <!-- jQuery CDN -->
  <script src="https://code.jquery.com/jquery-3.7.1.min.js" crossorigin="anonymous"></script>
  <script defer src='https://www.google.com/recaptcha/api.js?hl=en-us'></script>
  <script src="../../js/utils/dropdownOptions.js"></script>
  <script src="../../js/utils/enum.js"></script>
  <script src="../../js/utils/regExp.js"></script>
  <script src="../../js/utils/storage.js"></script>
  <script src="./inquiryList.js"></script>
</body>

</html>